<?xml version="1.0" encoding="UTF-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" xid="window" class="window" component="$model/UI2/system/components/justep/window/window" data-bind="component:{name:'$model/UI2/system/components/justep/window/window'}" __justepbasexid__="__baseID__" components="$model/UI2/system/components/justep/contents/content,$model/UI2/system/components/justep/model/model,$model/UI2/system/components/justep/window/window,$model/UI2/system/components/justep/contents/contents,$model/UI2/system/components/bootstrap/carousel/carousel,$model/UI2/system/components/justep/button/button,">  
  <div xmlns="" component="$model/UI2/system/components/justep/model/model" xid="model" style="display:none" data-bind="component:{name:'$model/UI2/system/components/justep/model/model'}"/>  
  <nav xmlns="" class="navbar navbar-default" role="navigation"> 
    <div class="container-fluid"> 
      <div class="navbar-header"> 
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
          <span class="sr-only">Toggle navigation</span>  
          <span class="icon-bar"/>  
          <span class="icon-bar"/>  
          <span class="icon-bar"/> 
        </button>  
        <a class="navbar-brand" href="#">Brand</a> 
      </div>  
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
        <ul class="nav navbar-nav"> 
          <li class="active"> 
            <a href="#">Link 
              <span class="sr-only">(current)</span> 
            </a> 
          </li>  
          <li> 
            <a href="#">Link</a> 
          </li>  
          <li class="dropdown"> 
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown 
              <span class="caret"/> 
            </a>  
            <ul class="dropdown-menu" role="menu"> 
              <li> 
                <a href="#">Action</a> 
              </li>  
              <li> 
                <a href="#">Another action</a> 
              </li>  
              <li> 
                <a href="#">Something else here</a> 
              </li>  
              <li class="divider"/>  
              <li> 
                <a href="#">Separated link</a> 
              </li>  
              <li class="divider"/>  
              <li> 
                <a href="#">One more separated link</a> 
              </li> 
            </ul> 
          </li> 
        </ul>  
        <form class="navbar-form navbar-left" role="search"> 
          <div class="form-group"> 
            <input type="text" class="form-control" placeholder="Search"/> 
          </div>  
          <button type="submit" class="btn btn-default">Submit</button> 
        </form>  
        <ul class="nav navbar-nav navbar-right"> 
          <li> 
            <a href="#">Link</a> 
          </li>  
          <li class="dropdown"> 
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown 
              <span class="caret"/> 
            </a>  
            <ul class="dropdown-menu" role="menu"> 
              <li> 
                <a href="#">Action</a> 
              </li>  
              <li> 
                <a href="#">Another action</a> 
              </li>  
              <li> 
                <a href="#">Something else here</a> 
              </li>  
              <li class="divider"/>  
              <li> 
                <a href="#">Separated link</a> 
              </li> 
            </ul> 
          </li> 
        </ul> 
      </div> 
    </div> 
  </nav>  
  <div xmlns="" component="$model/UI2/system/components/bootstrap/carousel/carousel" class="x-carousel carousel" xid="carousel1" data-bind="component:{name:'$model/UI2/system/components/bootstrap/carousel/carousel'}"> 
    <ol class="carousel-indicators" xid="default1"/>  
    <div class="x-contents carousel-inner" role="listbox" component="$model/UI2/system/components/justep/contents/contents" xid="contents1" style="height:300px;" data-bind="component:{name:'$model/UI2/system/components/justep/contents/contents'}" data-config="{&quot;active&quot;:0,&quot;slidable&quot;:true,&quot;swipe&quot;:true,&quot;wrap&quot;:true}"> 
      <div class="x-contents-content active" xid="content1" component="$model/UI2/system/components/justep/contents/content" data-bind="component:{name:'$model/UI2/system/components/justep/contents/content'}"> 
        <img src="@justepContextPath@/UI2/system/components/bootstrap/carousel/demo/images/p1.jpg" class="image-wall"/> 
      </div>  
      <div class="x-contents-content" xid="content2" component="$model/UI2/system/components/justep/contents/content" data-bind="component:{name:'$model/UI2/system/components/justep/contents/content'}"> 
        <img src="@justepContextPath@/UI2/system/components/bootstrap/carousel/demo/images/p2.jpg" class="image-wall"/> 
      </div>  
      <div class="x-contents-content" xid="content3" component="$model/UI2/system/components/justep/contents/content" data-bind="component:{name:'$model/UI2/system/components/justep/contents/content'}"> 
        <img src="@justepContextPath@/UI2/system/components/bootstrap/carousel/demo/images/p3.jpg" class="image-wall"/> 
      </div>  
      <div class="x-contents-content" xid="content4" component="$model/UI2/system/components/justep/contents/content" data-bind="component:{name:'$model/UI2/system/components/justep/contents/content'}"> 
        <img src="@justepContextPath@/UI2/system/components/bootstrap/carousel/demo/images/p4.jpg" class="image-wall"/> 
      </div> 
    </div>  
    <a class="left carousel-control" href="javascript:void(0)" role="button" xid="a1"> 
      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true" xid="span1"/>  
      <span class="sr-only" xid="span2">Previous</span> 
    </a>  
    <a class="right carousel-control" href="javascript:void(0)" role="button" xid="a2"> 
      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true" xid="span3"/>  
      <span class="sr-only" xid="span4">Next</span> 
    </a> 
  </div>  
  <a xmlns="" component="$model/UI2/system/components/justep/button/button" class="btn btn-default" xid="button1" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:{&quot;operation&quot;:&quot;carousel1.next&quot;}" data-config="{&quot;label&quot;:&quot;next&quot;}"> 
    <i xid="i1"/>  
    <span xid="span5">next</span> 
  </a> 
</div>
